<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>LZY</title>
        <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
        <link rel="stylesheet" href="./css/reset.css">
        <link rel="stylesheet" href="./css/index.css">
    </head>
    <body>
        <!-- 头部 -->
        <div class="header">
            <div class="container clearfix">
                <!-- 头部-左 -->
                <div class="header-left leftfix">
                    <span>尚品汇欢迎您</span>
                    <a href="#" class="login">请登录</a>
                    <a href="#" class="register">免费注册</a>
                </div>
                <!-- 头部-右 -->
                <div class="header-right rightfix">
                    <ul class="clearfix">
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">我的购物车</a></li>
                        <li><a href="#">我的尚品汇</a></li>
                        <li><a href="#">尚品汇会员</a></li>
                        <li><a href="#">企业采购</a></li>
                        <li><a href="#">关注尚品汇</a></li>
                        <li><a href="#">合作招商</a></li>
                        <li><a href="#">商家后台</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 搜索框 -->
        <div class="search">
            <div class="container clearfix">
                <!-- logo区 -->
                <div class="search-left leftfix">
                    <img src="./images/logo.png" alt="">
                </div>
                <!-- 表单区 -->
                <div class="search-right rightfix">
                    <form action="1.php">
                        <input type="text">
                        <button></button>
                    </form>
                </div>
            </div>
        </div>
        <!-- 导航 -->
        <div class="nav">
            <div class="container clearfix">
                <!-- 导航-左 -->
                <div class="nav-left leftfix">
                    <div>全部商品分类</div>
                </div>
                <!-- 导航-右 -->
                <div class="nav-right leftfix">
                    <ul class="clearfix">
                        <li><a href="#">尚品超市</a></li>
                        <li><a href="#">优惠券</a></li>
                        <li><a href="#">买啥</a></li>
                        <li><a href="#">尚品家电</a></li>
                        <li><a href="#">尚品生鲜</a></li>
                        <li><a href="#">PLUS会员</a></li>
                        <li><a href="#">进口好物</a></li>
                        <li><a href="#">品牌闪购</a></li>
                        <li><a href="#">拍卖</a></li>
                        <li><a href="#">五金商店</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 内容区 -->
        <div class="content">
            <div class="container clearfix">
                <!-- 内容-左 -->
                <div class="content-left leftfix">
                    <ul>
                        <li>
                            <a href="#">手机</a>/
                            <a href="#">运营商</a>/
                            <a href="#">数码</a>
                            <!-- 二级菜单 -->
                            <div class="second-menu">
                                <dl class="clearfix">
                                    <dt><a href="#">电子书刊</a></dt>
                                    <dd><a href="#">电子书</a></dd>
                                    <dd><a href="#">网络原创</a></dd>
                                    <dd><a href="#">数字杂志</a></dd>
                                    <dd><a href="#">多媒体图书</a></dd>
                                </dl>
                                <dl class="clearfix">
                                    <dt><a href="#">音像</a></dt>
                                    <dd><a href="#">音乐</a></dd>
                                    <dd><a href="#">影视</a></dd>
                                    <dd><a href="#">教育音像</a></dd>
                                </dl>
                                <dl class="clearfix">
                                    <dt><a href="#">英文原版</a></dt>
                                    <dd><a href="#">少儿</a></dd>
                                    <dd><a href="#">商务投资</a></dd>
                                    <dd><a href="#">英语学习考试</a></dd>
                                    <dd><a href="#">文学</a></dd>
                                    <dd><a href="#">传记</a></dd>
                                    <dd><a href="#">励志</a></dd>
                                </dl>
                                <dl class="clearfix">
                                    <dt><a href="#">文艺</a></dt>
                                    <dd><a href="#">小说</a></dd>
                                    <dd><a href="#">文学</a></dd>
                                    <dd><a href="#">青春文学</a></dd>
                                    <dd><a href="#">传记</a></dd>
                                    <dd><a href="#">艺术</a></dd>
                                </dl>
                                <dl class="clearfix">
                                    <dt><a href="#">少儿</a></dt>
                                    <dd><a href="#">胎教</a></dd>
                                    <dd><a href="#">0-2岁</a></dd>
                                    <dd><a href="#">3-6岁</a></dd>
                                    <dd><a href="#">7-10岁</a></dd>
                                    <dd><a href="#">11-14岁</a></dd>
                                </dl>
                                <dl class="clearfix">
                                    <dt><a href="#">人文社科</a></dt>
                                    <dd><a href="#">历史</a></dd>
                                    <dd><a href="#">哲学</a></dd>
                                    <dd><a href="#">国学</a></dd>
                                    <dd><a href="#">政治/军事</a></dd>
                                    <dd><a href="#">法律</a></dd>
                                    <dd><a href="#">人文社科</a></dd>
                                    <dd><a href="#">心理学</a></dd>
                                    <dd><a href="#">文化</a></dd>
                                    <dd><a href="#">社会科学</a></dd>
                                </dl>
                                <dl class="clearfix">
                                    <dt><a href="#">经管励志</a></dt>
                                    <dd><a href="#">经济</a></dd>
                                    <dd><a href="#">金融与投资</a></dd>
                                    <dd><a href="#">管理</a></dd>
                                    <dd><a href="#">励志与成功</a></dd>
                                </dl>
                                <dl class="clearfix">
                                    <dt><a href="#">生活</a></dt>
                                    <dd><a href="#">健康与保健</a></dd>
                                    <dd><a href="#">家庭与育儿</a></dd>
                                    <dd><a href="#">旅游</a></dd>
                                    <dd><a href="#">烹饪美食</a></dd>
                                </dl>
                                <dl class="clearfix">
                                    <dt><a href="#">科技</a></dt>
                                    <dd><a href="#">工业技术</a></dd>
                                    <dd><a href="#">科普读物</a></dd>
                                    <dd><a href="#">建筑</a></dd>
                                    <dd><a href="#">医学</a></dd>
                                    <dd><a href="#">科学与自然</a></dd>
                                    <dd><a href="#">计算机与互联网</a></dd>
                                    <dd><a href="#">电子通信</a></dd>
                                </dl>
                                <dl class="clearfix">
                                    <dt><a href="#">教育</a></dt>
                                    <dd><a href="#">中小学教辅</a></dd>
                                    <dd><a href="#">教育与考试</a></dd>
                                    <dd><a href="#">外语学习</a></dd>
                                    <dd><a href="#">大中专教材</a></dd>
                                    <dd><a href="#">科学与自然</a></dd>
                                    <dd><a href="#">字典词典</a></dd>
                                </dl>
                                <dl class="clearfix">
                                    <dt><a href="#">艺术与收藏</a></dt>
                                    <dd><a href="#">经济管理</a></dd>
                                    <dd><a href="#">文化与艺术</a></dd>
                                </dl>
                                <dl class="clearfix">
                                    <dt><a href="#">其他</a></dt>
                                    <dd><a href="#">工具书</a></dd>
                                    <dd><a href="#">杂志期刊</a></dd>
                                    <dd><a href="#">套装书</a></dd>
                                    <dd><a href="#">打折图书</a></dd>
                                </dl>
                            </div>
                        </li>
                        <li>
                            <a href="#">电脑</a>/
                            <a href="#">办公</a>
                        </li>
                        <li>
                            <a href="#">家具</a>/
                            <a href="#">家居</a>/
                            <a href="#">家装</a>/
                            <a href="#">厨具</a>
                        </li>
                        <li>
                            <a href="#">男装</a>/
                            <a href="#">女装</a>/
                            <a href="#">童装</a>/
                            <a href="#">内衣</a>
                        </li>
                        <li>
                            <a href="#">美妆</a>/
                            <a href="#">个人清洁</a>/
                            <a href="#">宠物</a>
                        </li>
                        <li>
                            <a href="#">女鞋</a>/
                            <a href="#">箱包</a>/
                            <a href="#">钟表</a>/
                            <a href="#">珠宝</a>
                        </li>
                        <li>
                            <a href="#">男鞋</a>/
                            <a href="#">运动</a>/
                            <a href="#">户外</a>
                        </li>
                        <li>
                            <a href="#">房产</a>/
                            <a href="#">汽车</a>/
                            <a href="#">汽车用品</a>
                        </li>
                        <li>
                            <a href="#">母婴</a>/
                            <a href="#">玩具乐器</a>
                        </li>
                        <li>
                            <a href="#">食品</a>/
                            <a href="#">酒类</a>/
                            <a href="#">生鲜</a>/
                            <a href="#">特产</a>
                        </li>
                        <li>
                            <a href="#">艺术</a>/
                            <a href="#">礼品鲜花 </a>/
                            <a href="#">农资绿植</a>
                        </li>
                        <li>
                            <a href="#">医药保健</a>/
                            <a href="#">计生情趣</a>
                        </li>
                        <li>
                            <a href="#">图书</a>/
                            <a href="#">文娱</a>/
                            <a href="#">教育</a>/
                            <a href="#">电子书</a>
                        </li>
                        <li>
                            <a href="#">机票</a>/
                            <a href="#">酒店</a>/
                            <a href="#">旅游</a>/
                            <a href="#">生活</a>
                        </li>
                        <li>
                            <a href="#">众筹</a>/
                            <a href="#">白条</a>/
                            <a href="#">保险</a>/
                            <a href="#">企业金融</a>
                        </li>
                        <li>
                            <a href="#">安装</a>/
                            <a href="#">维修</a>/
                            <a href="#">维修</a>/
                            <a href="#">二手</a>
                        </li>
                    </ul>
                </div>
                <!-- 内容-中 -->
                <div class="content-center leftfix">
                    <img src="./images/banner主图.png" alt="">
                </div>
                <!-- 内容-右 -->
                <div class="content-right leftfix">
                    <!-- 内容-右上 -->
                    <div class="content-right-top">
                        <div class="news clearfix">
                            <span class="title leftfix">尚品快报</span>
                            <a href="#" class="rightfix">更多&nbsp;&gt;</a>
                        </div>
                        <ul>
                            <li><a href="#">[特惠] 毛衣+直筒裤,才是YYDS</a></li>
                            <li><a href="#">[特惠] 毛衣+直筒裤,才是YYDS</a></li>
                            <li><a href="#">[特惠] 毛衣+直筒裤,才是YYDS</a></li>
                            <li><a href="#">[特惠] 毛衣+直筒裤,才是YYDS</a></li>
                        </ul>
                    </div>
                    <!-- 内容-右下 -->
                    <div class="content-right-bottom">
                        <ul class="clearfix">
                            <li>
                                <a href="#">
                                    <div></div>
                                    <span>话费</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div></div>
                                    <span>火车票</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div></div>
                                    <span>加油卡</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div></div>
                                    <span>白条</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="clearfix">
                            <li>
                                <a href="#">
                                    <div></div>
                                    <span>电影票</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div></div>
                                    <span>酒店</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div></div>
                                    <span>理财</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div></div>
                                    <span>机票</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="clearfix">
                            <li>
                                <a href="#">
                                    <div></div>
                                    <span>礼品卡</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div></div>
                                    <span>彩票</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div></div>
                                    <span>游戏</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div></div>
                                    <span>众筹</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 秒杀 -->
        <div class="kill">
            <div class="container clearfix">
                <div class="banner1 leftfix">
                    <img src="./images/seckill.png" alt="">
                </div>
                <div class="banner2 leftfix">
                    <img src="./images/banner1.png" alt="">
                </div>
                <div class="banner3 leftfix">
                    <img src="./images/banner2.png" alt="">
                </div>
                <div class="banner4 leftfix">
                    <img src="./images/banner3.png" alt="">
                </div>
                <div class="banner5 leftfix">
                    <img src="./images/baner4.png" alt="">
                </div>
            </div>
        </div>
        <!-- 楼层 -->
        <div class="floor">
            <div class="container">
                <!-- 楼上 -->
                <div class="floor-top clearfix">
                    <span class="leftfix">家用电器</span>
                    <ul class="rightfix clearfix">
                        <li><a href="#">热门</a></li>
                        <li><a href="#">大家电</a></li>
                        <li><a href="#">生活电器</a></li>
                        <li><a href="#">厨房电器</a></li>
                        <li><a href="#">应季电器</a></li>
                        <li><a href="#">空气/净水</a></li>
                        <li><a href="#">高端电器</a></li>
                    </ul>
                </div>
                <!-- 楼下 -->
                <div class="floor-bottom clearfix">
                    <div class="item1 leftfix">
                        <ul class="clearfix">
                            <li><a href="#">节能补贴</a></li>
                            <li><a href="#">4K电视</a></li>
                            <li><a href="#">空气净化器</a></li>
                            <li><a href="#">IH电饭煲</a></li>
                            <li><a href="#">滚筒洗衣机</a></li>
                            <li><a href="#">电热水器</a></li>
                        </ul>
                        <img src="./images/编组.png" alt="">
                    </div>
                    <div class="item2 leftfix">
                        <img src="./images/appliance_banner07.png" alt="">
                    </div>
                    <div class="item3 leftfix">
                        <img src="./images/微波炉.png" alt="">
                        <img src="./images/空气炸锅.png" alt="">
                    </div>
                    <div class="item4 leftfix">
                        <img src="./images/冰箱.png" alt="">
                    </div>
                    <div class="item5 leftfix">
                        <img src="./images/电饭煲.png" alt="">
                        <img src="./images/电饭煲2.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- 楼层2 -->
        <div class="floor">
            <div class="container">
                <!-- 楼上 -->
                <div class="floor-top clearfix">
                    <span class="leftfix">家用电器</span>
                    <ul class="rightfix clearfix">
                        <li><a href="#">热门</a></li>
                        <li><a href="#">大家电</a></li>
                        <li><a href="#">生活电器</a></li>
                        <li><a href="#">厨房电器</a></li>
                        <li><a href="#">应季电器</a></li>
                        <li><a href="#">空气/净水</a></li>
                        <li><a href="#">高端电器</a></li>
                    </ul>
                </div>
                <!-- 楼下 -->
                <div class="floor-bottom clearfix">
                    <div class="item1 leftfix">
                        <ul class="clearfix">
                            <li><a href="#">节能补贴</a></li>
                            <li><a href="#">4K电视</a></li>
                            <li><a href="#">空气净化器</a></li>
                            <li><a href="#">IH电饭煲</a></li>
                            <li><a href="#">滚筒洗衣机</a></li>
                            <li><a href="#">电热水器</a></li>
                        </ul>
                        <img src="./images/编组.png" alt="">
                    </div>
                    <div class="item2 leftfix">
                        <img src="./images/appliance_banner07.png" alt="">
                    </div>
                    <div class="item3 leftfix">
                        <img src="./images/微波炉.png" alt="">
                        <img src="./images/空气炸锅.png" alt="">
                    </div>
                    <div class="item4 leftfix">
                        <img src="./images/冰箱.png" alt="">
                    </div>
                    <div class="item5 leftfix">
                        <img src="./images/电饭煲.png" alt="">
                        <img src="./images/电饭煲2.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- 页脚 -->
        <div class="footer">
            <div class="container">
                <!-- 上 -->
                <div class="footer-top clearfix">
                    <dl>
                        <dt>支付方式</dt>
                        <dd><a href="#">货到付款</a></dd>
                        <dd><a href="#">在线支付</a></dd>
                        <dd><a href="#">分期付款</a></dd>
                        <dd><a href="#">公司转换</a></dd>
                        <dd><a href="#">永不付款</a></dd>
                    </dl>
                    <dl>
                        <dt>支付方式</dt>
                        <dd><a href="#">货到付款</a></dd>
                        <dd><a href="#">在线支付</a></dd>
                        <dd><a href="#">分期付款</a></dd>
                        <dd><a href="#">公司转换</a></dd>
                        <dd><a href="#">永不付款</a></dd>
                    </dl>
                    <dl>
                        <dt>支付方式</dt>
                        <dd><a href="#">货到付款</a></dd>
                        <dd><a href="#">在线支付</a></dd>
                        <dd><a href="#">分期付款</a></dd>
                        <dd><a href="#">公司转换</a></dd>
                        <dd><a href="#">永不付款</a></dd>
                    </dl>
                    <dl>
                        <dt>支付方式</dt>
                        <dd><a href="#">货到付款</a></dd>
                        <dd><a href="#">在线支付</a></dd>
                        <dd><a href="#">分期付款</a></dd>
                        <dd><a href="#">公司转换</a></dd>
                        <dd><a href="#">永不付款</a></dd>
                    </dl>
                    <dl>
                        <dt>支付方式</dt>
                        <dd><a href="#">货到付款</a></dd>
                        <dd><a href="#">在线支付</a></dd>
                        <dd><a href="#">分期付款</a></dd>
                        <dd><a href="#">公司转换</a></dd>
                        <dd><a href="#">永不付款</a></dd>
                    </dl>
                    <dl>
                        <dt>支付方式</dt>
                        <dd><a href="#">货到付款</a></dd>
                        <dd><a href="#">在线支付</a></dd>
                        <dd><a href="#">分期付款</a></dd>
                        <dd><a href="#">公司转换</a></dd>
                        <dd><a href="#">永不付款永不付款永不付款永不付款永不付款永不付款</a></dd>
                    </dl>
                </div>
                <!-- 中 -->
                <div class="footer-middle">

                </div>
                <!-- 下 -->
                <div class="footer-bottom">
                    <ul class="clearfix">
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">联系客服</a></li>
                        <li><a href="#">合作招商</a></li>
                        <li><a href="#">商家帮助</a></li>
                        <li><a href="#">营销中心</a></li>
                        <li><a href="#">手机京东</a></li>
                        <li><a href="#">友情链接</a></li>
                        <li><a href="#">销售联盟</a></li>
                        <li><a href="#">隐私政策</a></li>
                    </ul>
                    <div>京ICP备12345678901</div>
                </div>
            </div>
        </div>
    </body>
</html>